<script setup>
import { reactive, ref, toRefs } from 'vue'
const message=ref("我是陈会丽")
const htmlm=ref('<span>22222</span>')
const imgsrc=ref('https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg')
</script>

<template>
    <!-- 响应式对象或数组 -->
 <div>
<p v-text="message"></p>
<p v-html="htmlm"></p>
<img v-bind:src="imgsrc" alt="示例图片" style="  width: 200px;height:200px; ">
<img :src="imgsrc" alt="示例图片" style="  width: 200px;height:200px; ">
 </div>
</template>

<style scoped>
h1{color: blue;}
h2{
    color: aquamarine;
}
.read-the-docs {
  color: #888;
}
</style>
